<template>
  <div class="page flex-col">
    <div class="section1 flex-col">
      <div class="block1 flex-col">
        <div class="main1 flex-col">
          <div class="wrap1 flex-col">
            <div class="bd1 flex-col">
              <div class="layer1 flex-col">
                <span class="txt1">我的学习</span>
                <span class="info1">随时随地让学习成为习惯</span>
                <img
                  class="img1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8278b27aa75f87b028b265c838dccd0cfc93294cda2d44282c419a894b2d2210"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="block2 flex-row">
        <img
          class="pic1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngafcf915db3932baf2c4f88f9e6f79dce8d11627ad34c89255b0f91a74f91c532"
        />
        <img
          class="pic2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng63a26c7b5426e9b2aeb56418465ed7dd9e9a75b1466099256c50b9f56ca5fe88"
        />
        <img
          class="pic3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng557e3aeff31ab35920bb2ab01f7346e952eedef1100c782b849c128d4e184c56"
        />
        <img
          class="img2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1579e675558885e1f7ed469bff23ea21f2f1c77c041c65e4cfa7e37dd4864160"
        />
        <img
          class="img3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9e6801770a7225d3533ebdd2b043c3c44f23923d49e327432d198eda95870fc4"
        />
      </div>
      <div class="block3 flex-row">
        <span class="word1">自我管理</span>
        <span class="word2">好课推荐</span>
        <span class="word3">我的成长</span>
        <span class="info2">智能陪练</span>
        <span class="info3">海报宣传</span>
      </div>
      <div class="block4 flex-col">
        <div class="layer2 flex-row">
          <span class="word4">预约直播</span>
          <span class="word5">1</span>
          <span class="word6">/2</span>
        </div>
      </div>
      <div class="block5 flex-col">
        <div class="wrap2 flex-row">
          <button class="box1 flex-col" @click="onClick_1">
            <span class="word7">立即预约</span>
          </button>
          <div class="box2 flex-col">
            <div class="mod1 flex-row">
              <img
                class="pic4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng89968a9b419e32fdb6ed6278a550085198f1ab8e3e2c75b059bffa852fe77840"
              />
              <div class="main2 flex-col">
                <span class="infoBox1">
                  王
                  <br />
                  驰
                  <br />
                  讲
                  <br />
                  师
                </span>
              </div>
            </div>
            <img
              class="pic5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5d1a04f1fa6fce27f8bb23c7ab3e04152287f4da2b5f4a7201d9435d21f05695"
            />
            <img
              class="icon1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngee617ec9b122f7bc27dc7e15e259d162249349e48bb7811e640518c495900dd9"
            />
          </div>
        </div>
        <span class="txt2">短期医疗徵求意见搞解读</span>
        <span class="info4">2020-06-08&nbsp;&nbsp;15:30~18:00</span>
      </div>
      <div class="block6 flex-col">
        <div class="wrap3 flex-row">
          <span class="info5">学霸榜</span>
          <div class="group1 flex-col"><span class="word8">近一月</span></div>
          <span class="txt3">全部</span>
          <img
            class="label1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng426901eeef1450af19aac132d7aaa24c259d9dc682cf8a3500e64414d270955d"
          />
        </div>
      </div>
      <div class="block7 flex-col">
        <div class="group2 flex-col">
          <div class="mod2 flex-row">
            <span class="info6">全国排名</span>
            <span class="word9">全省排名</span>
          </div>
          <div class="mod3 flex-row">
            <div class="bd2 flex-col">
              <div class="mod4 flex-col">
                <div class="outer1 flex-col"></div>
                <span class="info7">布拉德斯科</span>
                <div class="outer2">
                  <span class="word10">7.73</span>
                  <span class="txt4">学时</span>
                </div>
                <span class="word11">北京</span>
              </div>
            </div>
            <div class="bd3 flex-col">
              <div class="bd4 flex-col">
                <div class="group3 flex-col"></div>
                <span class="txt5">尼古拉斯</span>
                <div class="group4">
                  <span class="txt6">8.02</span>
                  <span class="info8">学时</span>
                </div>
                <span class="word12">北京</span>
              </div>
            </div>
            <div class="bd5 flex-col">
              <div class="section2 flex-col">
                <div class="box3 flex-col"></div>
                <span class="word13">王力宏</span>
                <div class="box4">
                  <span class="info9">6.89</span>
                  <span class="word14">学时</span>
                </div>
                <span class="info10">上海</span>
              </div>
            </div>
          </div>
          <div class="mod5 flex-row">
            <span class="info11">名次</span>
            <span class="txt7">姓名</span>
            <span class="info12">机构</span>
            <span class="word15">学时(小时)</span>
          </div>
          <div class="mod6 flex-col">
            <div
              class="main3-0 flex-col"
              v-for="(item, index) in loopData0"
              :key="index"
            >
              <div class="section3-0 flex-row">
                <span
                  class="word16-0"
                  :style="{ color: item.lanhufontColor0 }"
                  v-html="item.lanhutext0"
                ></span>
                <span
                  class="word17-0"
                  :style="{ color: item.lanhufontColor1 }"
                  v-html="item.lanhutext1"
                ></span>
                <span
                  class="info13-0"
                  :style="{ color: item.lanhufontColor2 }"
                  v-html="item.lanhutext2"
                ></span>
                <span
                  class="txt8-0"
                  :style="{ color: item.lanhufontColor3 }"
                  v-html="item.lanhutext3"
                ></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="block8 flex-col">
        <div class="box5 flex-row">
          <span class="txt9">猜你喜欢</span>
          <span class="word18">选择兴趣</span>
          <div class="bd6 flex-col"></div>
          <span class="info14">全部</span>
          <img
            class="label2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng426901eeef1450af19aac132d7aaa24c259d9dc682cf8a3500e64414d270955d"
          />
        </div>
      </div>
      <div class="block9 flex-row">
        <div class="group5 flex-col">
          <img
            class="pic6"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng91d07c851371eb7e46afa8dda14c1b98a03a74c63405842d4aeb2e4e6dbe6e5c"
          />
        </div>
        <div class="group6 flex-col">
          <img
            class="pic7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngde1ad14fafd4b6ef4834e9187aaa8152a6b48df8fce2dc4c3648ff9d960f4bc5"
          />
        </div>
      </div>
      <div class="block10 flex-row">
        <div class="box6 flex-col">
          <span class="txt10">保单管家</span>
          <div class="mod7 flex-row">
            <span class="txt11">谭芳讲师</span>
            <button class="section4 flex-col" @click="onClick_2">
              <span class="word19">去学习</span>
            </button>
          </div>
        </div>
        <span class="info15">保单管家-保险全流程保险全保险全流程…</span>
      </div>
      <div class="block11 flex-row">
        <span class="txt12">谭芳讲师</span>
        <button class="box7 flex-col" @click="onClick_3">
          <span class="info16">去学习</span>
        </button>
      </div>
      <div class="block12 flex-row">
        <div class="main4 flex-col">
          <div class="mod8 flex-col">
            <img
              class="img4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b7c6ed4f475174f719b22e947cba861f82e23539c22c8b8066fe50480935fce"
            />
          </div>
          <span class="word20">保单管家-保险全流程保险全保险全流程…</span>
          <div class="mod9 flex-row">
            <span class="txt13">谭芳讲师</span>
            <button class="mod10 flex-col" @click="onClick_4">
              <span class="info17">去学习</span>
            </button>
          </div>
        </div>
        <div class="main5 flex-col">
          <div class="wrap4 flex-col">
            <img
              class="img5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b7c6ed4f475174f719b22e947cba861f82e23539c22c8b8066fe50480935fce"
            />
          </div>
          <span class="info18">保单管家-保险全流程保险</span>
        </div>
      </div>
      <div class="block13 flex-row">
        <span class="word21">谭芳讲师</span>
        <button class="group7 flex-col" @click="onClick_5">
          <span class="word22">去学习</span>
        </button>
      </div>
      <div class="block14 flex-row">
        <div class="mod11 flex-col">
          <div class="group8 flex-col">
            <img
              class="img6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng91d07c851371eb7e46afa8dda14c1b98a03a74c63405842d4aeb2e4e6dbe6e5c"
            />
          </div>
          <span class="info19">保单管家</span>
        </div>
        <div class="mod12 flex-col">
          <img
            class="img7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngde1ad14fafd4b6ef4834e9187aaa8152a6b48df8fce2dc4c3648ff9d960f4bc5"
          />
        </div>
      </div>
      <div class="block15 flex-row">
        <span class="word23">谭芳讲师</span>
        <button class="box8 flex-col" @click="onClick_6">
          <span class="info20">去学习</span>
        </button>
        <span class="word24">保单管家-保险全流程保险全保险全流程…</span>
      </div>
      <div class="block16 flex-row">
        <span class="word25">谭芳讲师</span>
        <button class="bd7 flex-col" @click="onClick_7">
          <span class="word26">去学习</span>
        </button>
      </div>
      <div class="block17 flex-col"><span class="txt14">换一批</span></div>
      <div class="block18 flex-col">
        <div class="main6 flex-row">
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf1eee451d0ffff0e9095c1b10dc1526f976907a72650f799c12c67b7b0190289"
          />
          <div class="bd8 flex-col"></div>
          <div class="bd9 flex-col"></div>
          <img
            class="label3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng44f672e0905ff53c9bbd97c7c243ed917d306133041bb9e2d013ab438ea65287"
          />
        </div>
        <div class="main7 flex-row">
          <span class="word27">首页</span>
          <span class="word28">产品</span>
          <span class="word29">e学堂</span>
          <span class="info21">我的</span>
        </div>
      </div>
    </div>
    <div class="section5 flex-col">
      <div class="bd10 flex-row">
        <span class="word30">成长</span>
        <div class="mod13 flex-col"></div>
        <img
          class="pic8"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga57223ae7a396c2de0274d9e451b60424ca9fc4636f81f0f0e64d80f1584fc8b"
        />
        <img
          class="label4"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng29d79a4e80da3184b4d6e7d2a52b4107b54d9fcaf41d77b609a56cf62f212e03"
        />
        <div class="mod14 flex-col"><span class="txt15">13</span></div>
      </div>
    </div>
    <div class="section6 flex-col">
      <div class="box9 flex-col">
        <span class="info22">ICSS专区</span>
        <span class="word31">优秀好课上线</span>
      </div>
    </div>
    <div class="section7 flex-col">
      <div class="wrap5 flex-col">
        <span class="info23">新人专区</span>
        <span class="info24">最新好课上线</span>
      </div>
      <div class="wrap6 flex-col"></div>
    </div>
    <div class="section8 flex-col">
      <div class="group9 flex-col">
        <img
          class="img8"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngae75871de5536fa0265b8d06613ce72de122256c8a902828a4f4aa2e6080c87e"
        />
        <span class="info25">点击签到</span>
      </div>
    </div>
    <div class="section9 flex-col"><span class="txt16">24学时</span></div>
    <div class="section10 flex-col"><span class="txt17">64学时</span></div>
    <div class="section11 flex-col"><span class="word32">3学时</span></div>
    <div class="section12 flex-col"><span class="word33">14学时</span></div>
    <div class="section13 flex-col"><span class="info26">24学时</span></div>
    <div class="section14 flex-col"><span class="info27">64学时</span></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: 'NO.4',
          lanhufontColor0: 'rgba(118,127,149,1)',
          lanhutext1: '李斯丹妮洁',
          lanhufontColor1: 'rgba(118,127,149,1)',
          lanhutext2: '呼和浩特',
          lanhufontColor2: 'rgba(118,127,149,1)',
          lanhutext3: '6.61',
          lanhufontColor3: 'rgba(118,127,149,1)'
        },
        {
          lanhutext0: 'NO.5',
          lanhufontColor0: 'rgba(118,127,149,1)',
          lanhutext1: '周杰伦',
          lanhufontColor1: 'rgba(118,127,149,1)',
          lanhutext2: '上海',
          lanhufontColor2: 'rgba(118,127,149,1)',
          lanhutext3: '5.20',
          lanhufontColor3: 'rgba(118,127,149,1)'
        },
        {
          lanhutext0: 'NO.122',
          lanhufontColor0: 'rgba(38,46,63,1)',
          lanhutext1: '华小瑞',
          lanhufontColor1: 'rgba(38,46,63,1)',
          lanhutext2: '上海',
          lanhufontColor2: 'rgba(38,46,63,1)',
          lanhutext3: '0.02',
          lanhufontColor3: 'rgba(38,46,63,1)'
        }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    },
    onClick_3() {
      alert(1);
    },
    onClick_4() {
      alert(1);
    },
    onClick_5() {
      alert(1);
    },
    onClick_6() {
      alert(1);
    },
    onClick_7() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 3646px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  .section1 {
    z-index: auto;
    width: 750px;
    height: 3646px;
    .block1 {
      z-index: 5;
      height: 497px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng47f5adb720abc5ccd647f8ffe586fb591c50b8247fe8942b568f52eb4db7a0a6)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 750px;
      .main1 {
        z-index: 8;
        height: 497px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b592498cff50cd7aceaecf179d7fcc669ee3ab1a30ed4cd65d642d0730f3a62)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        width: 750px;
        .wrap1 {
          z-index: 9;
          height: 497px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng78c43d12f5ef5db473fe075bda060d13d3c6e1a82eb9eb31da0ede356752a6e1)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 750px;
          justify-content: flex-start;
          align-items: flex-start;
          .bd1 {
            z-index: 10;
            height: 460px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng526cbb28b49ea746c25c1c643bc857ad03a5dd9dc5e339f23f2e64cd1d0a50e7)
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 738px;
            justify-content: flex-end;
            align-items: flex-start;
            padding: 0 0 89px 60px;
            .layer1 {
              z-index: auto;
              width: 357px;
              height: 217px;
              .txt1 {
                z-index: 13;
                width: 216px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 54px;
                font-family: PingFangSC-Semibold;
                line-height: 75px;
                text-align: left;
                align-self: flex-start;
              }
              .info1 {
                z-index: 12;
                width: 321px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 28px;
                line-height: 40px;
                text-align: left;
                align-self: flex-start;
                margin-top: 2px;
              }
              .img1 {
                z-index: 14;
                width: 84px;
                height: 4px;
                align-self: flex-end;
                margin-top: 96px;
              }
            }
          }
        }
      }
    }
    .block2 {
      z-index: auto;
      width: 638px;
      height: 72px;
      justify-content: space-between;
      margin: 103px 0 0 56px;
      .pic1 {
        z-index: 114;
        width: 72px;
        height: 72px;
      }
      .pic2 {
        z-index: 105;
        width: 72px;
        height: 72px;
      }
      .pic3 {
        z-index: 82;
        width: 72px;
        height: 72px;
      }
      .img2 {
        z-index: 92;
        width: 72px;
        height: 72px;
      }
      .img3 {
        z-index: 72;
        width: 72px;
        height: 72px;
      }
    }
    .block3 {
      z-index: auto;
      width: 670px;
      height: 42px;
      justify-content: space-between;
      margin: 8px 0 0 40px;
      .word1 {
        z-index: 128;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .word2 {
        z-index: 112;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .word3 {
        z-index: 90;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .info2 {
        z-index: 103;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .info3 {
        z-index: 80;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
    }
    .block4 {
      z-index: 131;
      height: 90px;
      margin-top: 50px;
      width: 750px;
      justify-content: center;
      align-items: center;
      .layer2 {
        z-index: auto;
        width: 670px;
        height: 48px;
        .word4 {
          z-index: 135;
          width: 162px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          line-height: 40px;
          text-align: left;
          margin-top: 4px;
        }
        .word5 {
          z-index: 132;
          width: 14px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 34px;
          line-height: 48px;
          text-align: left;
          margin-left: 458px;
        }
        .word6 {
          z-index: 133;
          width: 29px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 26px;
          line-height: 37px;
          text-align: left;
          margin: 6px 0 0 7px;
        }
      }
    }
    .block5 {
      z-index: 139;
      height: 280px;
      background-color: rgba(47, 53, 83, 1);
      margin-top: 10px;
      width: 750px;
      align-items: flex-end;
      position: relative;
      .wrap2 {
        z-index: auto;
        width: 710px;
        height: 280px;
        justify-content: space-between;
        .box1 {
          z-index: 143;
          height: 52px;
          border-radius: 26px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge60f3661edbbfc54440ae4475e9fa3774e707572aeb088a78db583fbff92c480)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin-top: 178px;
          width: 144px;
          justify-content: center;
          align-items: center;
          .word7 {
            z-index: 144;
            width: 96px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(47, 53, 83, 1);
            font-size: 24px;
            font-family: PingFangSC-Semibold;
            line-height: 33px;
            text-align: left;
          }
        }
        .box2 {
          z-index: 140;
          height: 280px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngff98121fbd389aa3f2af7ab9d8eb404088f98e88df5692bae1e0ff7be7005b42)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 431px;
          justify-content: flex-end;
          align-items: flex-end;
          padding-right: 24px;
          position: relative;
          .mod1 {
            z-index: auto;
            width: 375px;
            height: 180px;
            justify-content: space-between;
            .pic4 {
              z-index: 148;
              width: 52px;
              height: 4px;
              margin-top: 156px;
            }
            .main2 {
              z-index: 141;
              height: 180px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf671e441e8bbf3afa91a9db2403db01c4ea480f98df4ca6523662d49d3a908dd)
                100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              width: 232px;
              justify-content: flex-start;
              align-items: flex-end;
              padding: 14px 17px 0 0;
              .infoBox1 {
                z-index: 146;
                width: 20px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(48, 53, 77, 1);
                font-size: 20px;
                font-family: PingFangSC-Medium;
                line-height: 22px;
                text-align: left;
              }
            }
          }
          .pic5 {
            z-index: 142;
            position: absolute;
            left: 108px;
            top: 15px;
            width: 235px;
            height: 265px;
          }
          .icon1 {
            z-index: 401;
            position: absolute;
            left: 381px;
            top: 194px;
            width: 30px;
            height: 30px;
          }
        }
      }
      .txt2 {
        z-index: 147;
        position: absolute;
        left: 40px;
        top: 46px;
        width: 396px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(247, 217, 164, 1);
        font-size: 36px;
        font-family: PingFangSC-Medium;
        line-height: 50px;
        text-align: left;
      }
      .info4 {
        z-index: 145;
        position: absolute;
        left: 40px;
        top: 101px;
        width: 326px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(152, 160, 179, 1);
        font-size: 26px;
        font-family: Helvetica;
        line-height: 31px;
        text-align: left;
      }
    }
    .block6 {
      z-index: 236;
      height: 90px;
      align-self: center;
      margin-top: 40px;
      width: 670px;
      justify-content: center;
      .wrap3 {
        z-index: auto;
        width: 670px;
        height: 40px;
        .info5 {
          z-index: 238;
          width: 122px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          line-height: 40px;
          text-align: left;
        }
        .group1 {
          z-index: 240;
          height: 36px;
          border-radius: 6px;
          background-color: rgba(254, 226, 109, 1);
          width: 90px;
          justify-content: center;
          align-items: center;
          margin: 2px 0 0 16px;
          .word8 {
            z-index: 241;
            width: 66px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 22px;
            line-height: 30px;
            text-align: left;
          }
        }
        .txt3 {
          z-index: 242;
          width: 52px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(118, 127, 149, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 356px;
        }
        .label1 {
          z-index: 243;
          width: 24px;
          height: 24px;
          margin: 8px 0 0 10px;
        }
      }
    }
    .block7 {
      z-index: 152;
      height: 756px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7f8b07f35f771966d988299dba78c6f1127c11b05597249d15c778d5db80ba2a)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      align-self: center;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      .group2 {
        z-index: auto;
        width: 670px;
        height: 705px;
        .mod2 {
          z-index: auto;
          width: 610px;
          height: 52px;
          margin-left: 30px;
          justify-content: space-between;
          .info6 {
            z-index: 210;
            width: 252px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(45, 116, 243, 1);
            font-size: 30px;
            font-family: PingFangSC-Semibold;
            line-height: 50px;
            text-align: center;
            margin-top: 2px;
          }
          .word9 {
            z-index: 211;
            width: 252px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 28px;
            line-height: 50px;
            text-align: center;
          }
        }
        .mod3 {
          z-index: auto;
          width: 610px;
          height: 343px;
          justify-content: space-between;
          margin: 37px 0 0 30px;
          .bd2 {
            z-index: 176;
            height: 296px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng68fcac15e429d7d54a422bbc985fec8c1a9a3e0f6e0a11b4444c708e9ed5b8dd)
              0px 0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            margin-top: 47px;
            width: 196px;
            justify-content: flex-start;
            padding-top: 40px;
            .mod4 {
              z-index: auto;
              width: 196px;
              height: 203px;
              .outer1 {
                z-index: 188;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0c1b621c5ddafa4444daf2fc93b7fb8f3481b003f9cba85c59197a79e4816996)
                  100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                align-self: center;
              }
              .info7 {
                z-index: 189;
                width: 196px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                font-family: PingFangSC-Semibold;
                line-height: 40px;
                text-align: center;
                margin-top: 10px;
              }
              .outer2 {
                z-index: 190;
                width: 196px;
                height: 33px;
                overflow-wrap: break-word;
                text-align: center;
                margin-top: 5px;
                font-size: 0;
                .word10 {
                  font-size: 24px;
                  font-family: PingFangSC-Semibold;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
                .txt4 {
                  font-size: 24px;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
              }
              .word11 {
                z-index: 191;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(72, 81, 104, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: left;
                align-self: center;
                margin-top: 10px;
              }
            }
          }
          .bd3 {
            z-index: 159;
            height: 343px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5410e926f009f7fc28dab17b84fa2032d67ad4c13d0f54bf682ac76c85464209)
              0px -1px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 196px;
            justify-content: flex-start;
            padding-top: 46px;
            .bd4 {
              z-index: auto;
              width: 196px;
              height: 208px;
              .group3 {
                z-index: 171;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3bd9bdf7e779ed2a6c9c086469b95c53f100a5db9d753f8db272fefdbc66cb07)
                  100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                align-self: center;
              }
              .txt5 {
                z-index: 172;
                width: 196px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                font-family: PingFangSC-Semibold;
                line-height: 40px;
                text-align: center;
                margin-top: 15px;
              }
              .group4 {
                z-index: 173;
                width: 196px;
                height: 33px;
                overflow-wrap: break-word;
                text-align: center;
                margin-top: 5px;
                font-size: 0;
                .txt6 {
                  font-size: 24px;
                  font-family: PingFangSC-Semibold;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
                .info8 {
                  font-size: 24px;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
              }
              .word12 {
                z-index: 174;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(144, 104, 41, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: left;
                align-self: center;
                margin-top: 10px;
              }
            }
          }
          .bd5 {
            z-index: 193;
            height: 261px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc5bdc4fda5df030242a2a2f8c2a2e3f9ac9124a1a588ff66ba3b2582e21295cb)
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            margin-top: 81px;
            width: 196px;
            justify-content: flex-end;
            padding-bottom: 15px;
            .section2 {
              z-index: auto;
              width: 196px;
              height: 203px;
              .box3 {
                z-index: 205;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng830b2f92391a4ada9114212995addba58a7043e6ae572508436099a447a890c3)
                  100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                align-self: center;
              }
              .word13 {
                z-index: 206;
                width: 196px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                font-family: PingFangSC-Semibold;
                line-height: 40px;
                text-align: center;
                margin-top: 10px;
              }
              .box4 {
                z-index: 208;
                width: 196px;
                height: 33px;
                overflow-wrap: break-word;
                text-align: center;
                margin-top: 5px;
                font-size: 0;
                .info9 {
                  font-size: 24px;
                  font-family: PingFangSC-Semibold;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
                .word14 {
                  font-size: 24px;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
              }
              .info10 {
                z-index: 207;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(170, 114, 97, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: center;
                align-self: center;
                margin-top: 10px;
              }
            }
          }
        }
        .mod5 {
          z-index: auto;
          width: 610px;
          height: 30px;
          justify-content: space-between;
          margin: 29px 0 0 30px;
          .info11 {
            z-index: 231;
            width: 150px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
          .txt7 {
            z-index: 232;
            width: 180px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(82, 87, 101, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
          .info12 {
            z-index: 233;
            width: 160px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(82, 87, 101, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
          .word15 {
            z-index: 234;
            width: 120px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(82, 87, 101, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
        }
        .mod6 {
          z-index: auto;
          width: 670px;
          height: 194px;
          margin-top: 20px;
          .main3-0 {
            z-index: 220;
            height: 65px;
            width: 670px;
            justify-content: center;
            align-items: center;
            .section3-0 {
              z-index: auto;
              width: 610px;
              height: 40px;
              justify-content: space-between;
              .word16-0 {
                z-index: 223;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                font-size: 26px;
                line-height: 37px;
                text-align: center;
                margin-top: 1px;
              }
              .word17-0 {
                z-index: 222;
                width: 180px;
                display: block;
                overflow-wrap: break-word;
                font-size: 26px;
                line-height: 37px;
                text-align: center;
                margin-top: 1px;
              }
              .info13-0 {
                z-index: 221;
                width: 160px;
                display: block;
                overflow-wrap: break-word;
                font-size: 26px;
                line-height: 37px;
                text-align: center;
                margin-top: 1px;
              }
              .txt8-0 {
                z-index: 224;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                font-size: 28px;
                line-height: 40px;
                text-align: center;
              }
            }
          }
        }
      }
    }
    .block8 {
      z-index: 347;
      height: 90px;
      align-self: center;
      margin-top: 50px;
      width: 670px;
      justify-content: center;
      .box5 {
        z-index: auto;
        width: 670px;
        height: 40px;
        .txt9 {
          z-index: 349;
          width: 363px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          line-height: 40px;
          text-align: left;
        }
        .word18 {
          z-index: 350;
          width: 150px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(45, 116, 243, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 30px;
        }
        .bd6 {
          z-index: 351;
          width: 1px;
          height: 30px;
          background-color: rgba(190, 194, 204, 1);
          margin: 5px 0 0 20px;
        }
        .info14 {
          z-index: 352;
          width: 52px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(118, 127, 149, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 20px;
        }
        .label2 {
          z-index: 353;
          width: 24px;
          height: 24px;
          margin: 8px 0 0 10px;
        }
      }
    }
    .block9 {
      z-index: auto;
      width: 670px;
      height: 198px;
      justify-content: space-between;
      margin: 10px 0 0 40px;
      .group5 {
        z-index: 252;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng01eb499097dfee27fdd86dc1f91d68d7f7ff33cf363c265fc2b1bc2b7269ef21)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        .pic6 {
          z-index: 253;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
      .group6 {
        z-index: 268;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        .pic7 {
          z-index: 269;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
    }
    .block10 {
      z-index: auto;
      width: 670px;
      height: 90px;
      justify-content: space-between;
      margin: 20px 0 0 40px;
      .box6 {
        z-index: auto;
        width: 316px;
        height: 90px;
        .txt10 {
          z-index: 259;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
        }
        .mod7 {
          z-index: auto;
          width: 316px;
          height: 38px;
          margin-top: 10px;
          justify-content: space-between;
          .txt11 {
            z-index: 260;
            width: 184px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 26px;
            line-height: 38px;
            text-align: left;
          }
          .section4 {
            z-index: 262;
            height: 38px;
            border-radius: 19px;
            background-color: rgba(45, 116, 243, 1);
            width: 112px;
            justify-content: center;
            align-items: center;
            .word19 {
              z-index: 263;
              width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: left;
            }
          }
        }
      }
      .info15 {
        z-index: 277;
        width: 316px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 32px;
        font-family: PingFangSC-Medium;
        line-height: 42px;
        text-align: left;
      }
    }
    .block11 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 4px 0 0 394px;
      .txt12 {
        z-index: 275;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .box7 {
        z-index: 279;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .info16 {
          z-index: 280;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .block12 {
      z-index: auto;
      width: 670px;
      height: 350px;
      justify-content: space-between;
      margin: 18px 0 0 40px;
      .main4 {
        z-index: auto;
        width: 316px;
        height: 350px;
        .mod8 {
          z-index: 285;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          .img4 {
            z-index: 286;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .word20 {
          z-index: 293;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
        .mod9 {
          z-index: auto;
          width: 316px;
          height: 38px;
          margin-top: 10px;
          justify-content: space-between;
          .txt13 {
            z-index: 292;
            width: 184px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 26px;
            line-height: 38px;
            text-align: left;
          }
          .mod10 {
            z-index: 295;
            height: 38px;
            border-radius: 19px;
            background-color: rgba(45, 116, 243, 1);
            width: 112px;
            justify-content: center;
            align-items: center;
            .info17 {
              z-index: 296;
              width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: left;
            }
          }
        }
      }
      .main5 {
        z-index: auto;
        width: 316px;
        height: 302px;
        margin-top: 42px;
        .wrap4 {
          z-index: 301;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          .img5 {
            z-index: 302;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .info18 {
          z-index: 309;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
      }
    }
    .block13 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 4px 0 0 394px;
      .word21 {
        z-index: 308;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .group7 {
        z-index: 311;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .word22 {
          z-index: 312;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .block14 {
      z-index: auto;
      width: 670px;
      height: 260px;
      justify-content: space-between;
      margin: 18px 0 0 40px;
      .mod11 {
        z-index: auto;
        width: 316px;
        height: 260px;
        .group8 {
          z-index: 317;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng01eb499097dfee27fdd86dc1f91d68d7f7ff33cf363c265fc2b1bc2b7269ef21)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          .img6 {
            z-index: 318;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .info19 {
          z-index: 324;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
      }
      .mod12 {
        z-index: 333;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        margin-top: 42px;
        .img7 {
          z-index: 334;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
    }
    .block15 {
      z-index: auto;
      width: 670px;
      height: 84px;
      margin-left: 40px;
      .word23 {
        z-index: 325;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
        margin-top: 10px;
      }
      .box8 {
        z-index: 327;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        margin: 10px 0 0 20px;
        .info20 {
          z-index: 328;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
      .word24 {
        z-index: 342;
        width: 316px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 32px;
        font-family: PingFangSC-Medium;
        line-height: 42px;
        text-align: left;
        margin-left: 38px;
      }
    }
    .block16 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 10px 0 0 394px;
      .word25 {
        z-index: 340;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .bd7 {
        z-index: 344;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .word26 {
          z-index: 345;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .block17 {
      z-index: 358;
      height: 50px;
      border-radius: 25px;
      border: 1px solid rgba(228, 228, 228, 1);
      align-self: flex-start;
      width: 120px;
      justify-content: center;
      align-items: center;
      margin: 60px 0 0 296px;
      .txt14 {
        z-index: 359;
        width: 72px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
    }
    .block18 {
      z-index: 361;
      height: 98px;
      background-color: rgba(255, 255, 255, 1);
      box-shadow: inset 0px 1px 0px 0px rgba(235, 235, 235, 1);
      margin-top: 80px;
      width: 750px;
      .main6 {
        z-index: auto;
        width: 601px;
        height: 43px;
        margin: 12px 0 0 75px;
        .icon2 {
          z-index: 363;
          width: 38px;
          height: 40px;
        }
        .bd8 {
          z-index: 370;
          width: 42px;
          height: 40px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc5ea46c8c989c07f81422500c6b7d4f01b0a62f7aae15278f82d3f3f9264e006) -1px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin: 1px 0 0 143px;
        }
        .bd9 {
          z-index: 378;
          width: 40px;
          height: 42px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9e86dbf3fe267e5777acb0b1499f9144c3f9610d912e1bab5d5bbd55fdab49dd) -1px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin: 1px 0 0 149px;
        }
        .label3 {
          z-index: 383;
          width: 42px;
          height: 42px;
          margin-left: 147px;
        }
      }
      .main7 {
        z-index: auto;
        width: 610px;
        height: 24px;
        justify-content: space-between;
        margin: 7px 0 0 70px;
        .word27 {
          z-index: 368;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .word28 {
          z-index: 375;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .word29 {
          z-index: 377;
          width: 62px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 24px;
          font-family: Helvetica;
          line-height: 24px;
          text-align: justify;
        }
        .info21 {
          z-index: 389;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
      }
    }
  }
  .section5 {
    z-index: 19;
    height: 120px;
    width: 750px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: -1px;
    .bd10 {
      z-index: auto;
      width: 670px;
      height: 67px;
      .word30 {
        z-index: 31;
        width: 96px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 48px;
        font-family: PingFangSC-Semibold;
        line-height: 67px;
        text-align: left;
      }
      .mod13 {
        z-index: 32;
        width: 8px;
        height: 11px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4128d3227ac874ab9371200042f10029e744c74ae4138d13b121a99f8a23a14f)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        margin: 28px 0 0 12px;
      }
      .pic8 {
        z-index: 33;
        width: 123px;
        height: 42px;
        margin: 12px 0 0 12px;
      }
      .label4 {
        z-index: 34;
        width: 44px;
        height: 44px;
        margin: 11px 0 0 291px;
      }
      .mod14 {
        z-index: 22;
        height: 44px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6c35dbc1ac7e496ed12e14430aac9334b98abb3ebffae40d2bbbb5625b8ba6b6)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        width: 44px;
        justify-content: center;
        align-items: center;
        margin: 11px 0 0 40px;
        .txt15 {
          z-index: 28;
          width: 23px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 22px;
          font-family: PingFangSC-Semibold;
          line-height: 22px;
          text-align: left;
        }
      }
    }
  }
  .section6 {
    z-index: 56;
    height: 150px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng60feb838b37b63a275ac806b6f6e76acc8852f40c2371f6c42b7bdc8ed86fdf3) -18px -6px
      no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 325px;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 40px;
    top: 400px;
    padding: 23px 0 0 30px;
    .box9 {
      z-index: auto;
      width: 146px;
      height: 83px;
      .info22 {
        z-index: 69;
        width: 146px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34px;
        font-family: PingFangSC-Semibold;
        line-height: 48px;
      }
      .word31 {
        z-index: 68;
        width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        line-height: 33px;
        align-self: flex-start;
        margin-top: 2px;
      }
    }
  }
  .section7 {
    z-index: 40;
    height: 150px;
    border-radius: 20px;
    overflow: hidden;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng36a83add138f0173af2a853138f5bb5c4e8252f3e72cb058f065cd59441af225) -18px -6px
      no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 325px;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 385px;
    top: 400px;
    padding: 22px 0 0 30px;
    .wrap5 {
      z-index: auto;
      width: 144px;
      height: 83px;
      .info23 {
        z-index: 53;
        width: 136px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34px;
        font-family: PingFangSC-Semibold;
        line-height: 48px;
        align-self: flex-start;
      }
      .info24 {
        z-index: 52;
        width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        line-height: 33px;
        margin-top: 2px;
      }
    }
    .wrap6 {
      z-index: 41;
      position: absolute;
      left: 209px;
      top: 77px;
      width: 111px;
      height: 105px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng62b27deb5a18139d484265d4cdc769599eb07893501f317782fc0aef1ab3bceb) -1px -1px
        no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    }
  }
  .section8 {
    z-index: 393;
    height: 114px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdaf0cad20cfa2ea7c3e52594903a828c9bbb70a54a13fd626005d477d8829be8)
      0px 0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 129px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 22px;
    position: absolute;
    left: 581px;
    top: 1097px;
    .group9 {
      z-index: auto;
      width: 66px;
      height: 80px;
      .img8 {
        z-index: 399;
        width: 60px;
        height: 57px;
        align-self: flex-start;
      }
      .info25 {
        z-index: 400;
        width: 64px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 0.85);
        font-size: 15px;
        font-family: PingFangSC-Semibold;
        line-height: 22px;
        text-align: center;
        align-self: flex-end;
        margin-top: 1px;
      }
    }
  }
  .section9 {
    z-index: 255;
    height: 40px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 2346px;
    .txt16 {
      z-index: 257;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section10 {
    z-index: 271;
    height: 40px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 2346px;
    .txt17 {
      z-index: 273;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section11 {
    z-index: 288;
    height: 40px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 2714px;
    .word32 {
      z-index: 290;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section12 {
    z-index: 304;
    height: 40px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 2756px;
    .word33 {
      z-index: 306;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section13 {
    z-index: 320;
    height: 40px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 3124px;
    .info26 {
      z-index: 322;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section14 {
    z-index: 336;
    height: 40px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 3166px;
    .info27 {
      z-index: 338;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
}

</style>
